.my
    width 100%
    height 100%
    /deep/ .el-dialog
        width 500px
        border-radius 4px
        .bindingtext
            margin-bottom: 50px
        .mySubmit
            display flex
            justify-content center
        .el-dialog__header
            .el-dialog__title
                text-align center
        .el-dialog__footer
            padding 0
        .el-input
            width 80%
    .myMoney
        display flex
        justify-content space-between
        align-items center
        padding 30px
        .recharge
            width 32%
            max-height 15vh
            min-height 160px
            -webkit-box-sizing border-box
            box-sizing border-box
            padding 1rem 2rem
            color white
            font-family Microsoft YaHei
            border-radius 10px
            .money strong
                font-size 30px
                font-weight bold
            .operation
                display flex
                justify-content space-between
                span
                    font-size 18px
                    font-weight bold
                    color #fff
                .operationClick
                    cursor pointer
        .one
            background url('../../assets/b54765308a180a16000ed627c702f82.jpg')
            background-size 100% 100%
        .tow
            background url('../../assets/41a3625abce0996f0f1f9f66ac16baa.jpg')
            background-size 100% 100%
        .three
            background url('../../assets/dcc27b65853b6fc59e53e468357761e.jpg')
            background-size 100% 100%
    main
        margin-top 10px
        display flex
        justify-content space-between
        box-sizing border-box
        padding 1rem 2rem
        .announcement
            width 49%
            .system
                height 100%
            .content
                display flex
                -webkit-box-orient vertical
                -webkit-box-direction normal
                flex-direction column
                background-color #fff
                border-radius 10px
                padding 20px
                box-sizing border-box
                margin-bottom 10px
                .header
                    margin-bottom 20px
                    display -webkit-box
                    display -ms-flexbox
                    display flex
                    -webkit-box-align center
                    -ms-flex-align center
                    align-items center
                    font-size 20px
                    font-family Microsoft YaHei
                    color #242424
                    div
                        width 4px
                        height 20px
                        background #409eff
                        border-radius 2px
                        margin-right 10px
                p
                    line-height 35px
                    font-size 14px
.rechargeTow, .rechargeTow span, .rechargeThree, .rechargeThree span
    cursor not-allowed
    cursor no-drop
    opacity 0.5

@media only screen and (max-width 930px)
    .my
        /deep/ .el-dialog
            width 350px
        .myMoney
            flex-direction column
            color red
            .recharge
                min-height 120px
                width 100%
                margin-top 20px
                padding 1rem 1rem
        main
            display flex
            flex-direction column
            .announcement
                width 100%
                .content
                    margin-top 20px
.conter .dianzan{
    width 350px
}
